<style type="text/css">
	.chart_page *{
		color: black !important;
	}
	.chart_page>div{
		margin:0 0 10px 5px;
		float: left;
		width: 100%;
	}
	.chart_page>div>table{
		float: left;
	}
	
	.chartTable tr td{
		padding-right: 3px;
	}
</style>

<div style="font-size:14px" class="chart_page">
	<div style="float:left">
		<table class='chartTable'>
			<tr>
				<td style="vertical-align: middle;">水文要素：</td>
				<td style="vertical-align:bottom;">
					<select id='waterType' class="my_select">
						<option value="water-anomalies">降水距平</option>
						<option value="water">降水</option>
						<option value="evaporation">蒸发</option>
					</select>
				</td>
				<td style="vertical-align: middle;padding-left: 10px;">地区：</td>
				<td style="vertical-align:bottom;">
					<select id='waterArea' class="my_select">
						<option value="jiangsu">江苏省</option>
						<option value="nanjing">南京市</option>
						<option value="suzhou">苏州市</option>
						<option value="xuzhou">徐州市</option>
						<option value="suzhou">宿州市</option>
						<option value="wuxi">无锡市</option>
					</select>
				</td>
			</tr>
			<tr>
				<td style="vertical-align: middle;">开始时间：</td>
				<td style="vertical-align:bottom;">
					<select id='waterBeginTm' class="my_select">
					</select>
				</td>
				<td style="vertical-align: middle;padding-left: 10px;">结束时间：</td>
				<td style="vertical-align:bottom;">
					<select id='waterEndTm' class="my_select">
					</select>
				</td>
			</tr>
		</table>
	</div>
</div>